@charset "utf-8";
@import "reset";
html{
    font-size: 40px;
      }
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
$allWidth:1920;
@function w($Width){
    @return $Width/$allWidth*100%;
}
body{
    font-size: 16px;
}

.content{
    margin-right: r(17);
    width: 100%;
    height: r(188);
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    img{
        height: r(119);
    }
    >a>img{
       height: r(41);
       padding-left:30px;
    }
    >a:nth-of-type(2)>img{
       height: r(41);
       padding-left: 0;
       padding-right: 30px;
    }
}

html,body{
    width: 100%;
    height: 100%;
    overflow: hidden; 
}
.web{
     width: 100%;
     height: 100%;
     position: relative;
    
    }
.phone{
    position: absolute;
    left:0;
    right: 0;
    top:3.325rem;;
    bottom:0;/*兼容性好*/
//height: calc(100% - 50px);
     overflow: auto;
     margin-top: 50px;
}
//.mid{
//  height: 100%;
//}
.index_banner{
    width:90%;
    
    margin: 0 auto;
    
    >img{
        width:100%;
    }
}
header{
    position: absolute;
    width: 100%;
    top: 0;
    margin-bottom: 50%;
}
@media only screen and (max-width:768px){
    .content{
    margin-right: r(17);
    width: 100%;
    height: r(188);
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    img{
        height: 3.975rem;
    }
    >a>img{
       height: r(100);
       padding-left:10px;
    }
    >a:nth-of-type(2)>img{
       height: r(90);
       width: r(90);
       padding-left: 0;
       padding-right: 10px;
    }
}
.phone{
    position: absolute;
    left:0;
    right: 0;
    top:3.5rem;
    bottom:0;/*兼容性好*/
//height: calc(100% - 50px);
     overflow: auto;
      margin-top: 10px;
}
.index_banner{
    width:95%;
    
    margin: 0 auto;
    margin-top: 1.7rem;
    >img{
        width:100%;
    }
}
}